<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/易果登录页.css">
    <link rel="stylesheet" href="./reset.css">

</head>

<body>
    <div class="wrap">
        <div class="nav-top container">
            <div class="logo">
                <a href="../shouye.html" target="_blabk"></a>
            </div>
            <div class="title">
                <span>登录</span>
            </div>
        </div>
    </div>
    <!-- 顶部结束 -->
    <div class="fr">
        <div class="right container">
            <div class="box-cup">
                <form action="">
                    <p class="cut">
                        <strong>欢迎登录</strong>
                        <span class="zx">还没有账号？
                            <a href="./易果注册页.html" class="zc">立即注册</a>
                        </span>
                    </p>
                    <p class="zxk">
                        <span class="icon-tx">&nbsp;</span>
                        <input class="input input-phone" name="username" placeholder="邮箱/账号/已验证手机" type="text" value="">
                    </p>
                    <p>
                        <span class="icon-ys"></span>
                        <input class="input input-key" name="password" placeholder="密码" type="password">
                    </p>
                </form>
                <p>
                    <span class="icon-ys"></span>
                    <input class="input-opl" name="" placeholder="验证码">
                    <img src="./img/verifycode.jpg" alt="">
                    <a href="javascript:;" class="hyz">换一张</a>
                </p>
                <p class="dcion">
                    <label>
                        <input type="checkbox">
                        自动登录
                    </label>
                    <span>
                        <a href="javascript:;" class="dcion-w">
                            忘记登录密码？
                        </a>
                    </span>
                </p>
                <p>
                    <a href="javascript:;" class="btn-dl">登 录</a>
                </p>
                <p>
                    第三方登录
                </p>
                <p class="p-code-btn">
                    <a href="javscript:;" class="qq">
                        <i></i>
                    </a>
                    <a href="javascript:;" class="sina">
                        <i></i>
                    </a>
                    <a href="" class="ay">
                        <i></i>
                    </a>
                </p>
            </div>
        </div>
    </div>
    <!-- 中间部分结束 -->
    <div class="contents">
        <div class="over-foot container">
            <div class="foot-list clear">
                <div>
                    <dl>
                        <dt>新手指南</dt>
                        <dd>
                            <p><a href="">账户注册</a></p>
                            <p><a href="">购物流程</a></p>
                            <p><a href="">订购方式</a></p>
                            <p><a href="">悠币说明</a></p>
                            <p><a href="">会员等级</a></p>
                        </dd>
                    </dl>
                </div>
                <div>
                    <dl>
                        <dt class="d2">付款方式</dt>
                        <dd>
                            <p><a href="">支付方式/发票说明</a></p>
                            <p><a href="">礼品卡章程</a></p>
                            <p><a href="">优惠代码</a></p>
                            <p><a href="">卡券购买章程</a></p>
                        </dd>
                    </dl>
                </div>
                <div>
                    <dl>
                        <dt class="d3">配送方式</dt>
                        <dd>
                            <p><a href="">配送时间</a></p>
                            <p><a href="">时间及范围</a></p>
                        </dd>
                    </dl>
                </div>
                <div>
                    <dl>
                        <dt class="d4">售货服务</dt>
                        <dd>
                            <p><a href="">退换货政策</a></p>
                            <p><a href="">退换货流程</a></p>
                            <p><a href="">常见问题</a></p>
                            <p><a href="">极速退款</a></p>
                            <p><a href="">投诉与建议</a></p>
                        </dd>
                    </dl>
                </div>
                <div>
                    <dl>
                        <dt class="d5">关于我们</dt>
                        <dd>
                            <p><a href="">公司介绍</a></p>
                            <p><a href="">联系我们</a></p>
                            <p><a href="">业务合作</a></p>
                            <p><a href="">诚信举报</a></p>
                            <p><a href="">用户协议</a></p>
                            <p><a href="">隐私协议</a></p>
                            <p><a href="">友情链接</a></p>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="service clear">
                <p>
                    <span>客服热线 400-000-7788 企业采购或团购，请转2号键咨询</span>
                    <span>周一至周日 9:00-21:00</span>
                </p>
            </div>
            <div class="copyright">
                <p>所有图片均受著作权保护，未经许可任何单位与个人不得使用、复制、转载、摘编，违者必究法律责任。</p>
                <p>
                    <a href="" class="non">沪ICP备09008015号</a>
                    Copyright © 2005-2019
                </p>
                <p class="tubiao">
                    <a href="http://scjgj.sh.gov.cn/platform/survey/step1_phone"><img
                            src="http://img05.yiguoimg.com/d/web/190617/00191/142933/ordermeal.png" alt=""></a>
                    <a href="http://www.shjbzx.cn/"><img
                            src="http://img06.yiguoimg.com/d/web/190527/00191/172725/report.png" alt=""></a>
                    <a href="http://www.shjbzx.cn/"><img
                            src="http://img06.yiguoimg.com/d/web/190510/00192/161235/wxb.png" alt=""></a>
                    <a href="http://www.yiguo.com/legal"><img
                            src="http://img07.yiguoimg.com/d/web/171208/00652/173249/153685368061665897_121x29.png"
                            alt=""></a>
                    <a href="javascript:;"><img src="https://img05.yiguoimg.com/d/web/190618/00191/143543/962110.png"
                            alt=""></a>
                    <a href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&entyId=20110512114405424"><img
                            src="http://img06.yiguoimg.com/d/web/181227/00281/143951/footer_copy.jpg" alt=""
                            class="heigh"></a>
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010502000002">
                        <img src="http://www.beian.gov.cn/file/ghs.png" alt="">
                        <span>沪公网安备 31010502000002号</span>
                    </a>
                </p>
                <p>违法和不良信息举报电话 400-000-7788</p>
            </div>
        </div>
    </div>
    <script src="./jquery-1.12.4.js"></script>
    <script>
        $(".btn-dl").on("click", function () {
            var username = $(".input-phone").val();
            var password = $(".input-key").val();
            // console.log(username, password)
            // console.log(window)
            var that = window
            $.ajax({
                url: "http://localhost/yiguoshengxian/dengluye/api/yg.php",
                data: {
                    username: username,
                    password: password
                },
                type: "POST",
                dataType: "json",
                success: function (data) {
                    if(data){
                        $(".btn-dl").attr({
                            "href":"../shouye.html"
                        })
                    }
                },
                error: function (wqe) {
                    // console.log(wqe)
                    var text = wqe.responseText
                    // console.log(text)  
                    alert(text)
                },
            })
        })
    </script>
</body>

</html>